<!doctype html>
<html>
<head><base href="/">
<meta charset="utf-8">
<title>layui.form小例子</title>
<link rel="stylesheet" href="js/layui/css/layui.css"  media="all">
</head>
<body><!-- style="background-color: #F2F2F2;" -->
#include("/WEB-INF/_system/common/control.html")
<form  class="layui-form layui-form-pane"> <!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->
<div  class="layui-form-item">
     #@input_password('id','主键')
    #@input_text('title','名称')
</div>
 <div  class="layui-form-item" pane>
        #@ueditor_xiumi('content','富文本')
 </div>
 <div class="layui-form-item ">
      #@input_select('status','下拉选','blog','id','title')
  </div>
   <div class="layui-form-item "pane>
      #@input_checkbox_default('status','默认风格复选框','blog','id','title')
  </div>
  <div class="layui-form-item "pane>
      #@input_checkbox_primary('status','原始风格复选框','blog','id','title')
  </div>
  <div class="layui-form-item "pane>
      #@input_checkbox_switch_CN('status','中文开关','blog','id','title')
  </div>
  <div class="layui-form-item "pane>
      #@input_checkbox_switch_EN('status','英文开关','blog','id','title')
  </div>
  <div class="layui-form-item "pane>
      #@input_radio('status','单选框','blog','id','title')
  </div>
  <div class="layui-form-item " pane>
      #@input_areatext('status','内容')
  </div>
   <div class="layui-form-item ">
      #@input_date_time('status','日期时间(YYYY-MM-DD hh:mm:ss)')
      #@input_date_festival('status','日期带节日')
  </div>
  <div class="layui-form-item ">
      #@input_date_rangex('status','昨天到明天',1,1)
  </div>
   <div class="layui-form-item ">
      #@input_date_rangeTwo('status','日期范围')
  </div>
   <div class="layui-form-item ">
      #@input_date_time_rangeTwo('status','日期时间范围')
  </div>
  <div class="layui-form-item">
    <div class="layui-input-block" >
      <button class="layui-btn" lay-submit lay-filter="*">立即提交</button>
      <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
  </div>
  <!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</form>
<script>
// 上传时在 url 中用问号挂参的方式添加额外的参数 uploadType，用于分类管理图片

layui.use(['form','layer'], function(){
  var form = layui.form();
  form.render(); //更新全部
  //各种基于事件的操作，下面会有进一步介绍
  form.on('submit(*)', function(data){
	  $.ajax({
          url:'/blog/doadd',
          type:'POST', //GET
          data:data.field,
          timeout:5000,    //超时时间
          dataType:'json',    //返回的数据格式：json/xml/html/script/jsonp/text
          success:function(data,textStatus,jqXHR){
          parent.list(1);
          var index = parent.layer.getFrameIndex(window.name); //获取窗口索引  
          parent.layer.close(index);//关闭弹出的子页面窗口
          parent.layer.msg(data.msg, {icon: 1});
          },
          eorror:function(){
          layer.msg('网络发生错误，请联系管理员！', {icon: 2});
          }
      });
	  return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
	});
});
</script>
</body></html>